//不显示滚动条
.noscroll {
  &::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
  }
}

// svg图标
.use-btn {
  transition: all 0.3s;
  @apply cursor-pointer hover:bg-gray-200 rounded p-0.5;
}

// 展开的小menu
.use-menu {
  @apply bg-white z-[9999] shadow rounded text-xs;
  &__item {
    @apply py-2 px-4 hover:bg-slate-100 cursor-pointer select-none relative;
    @apply flex items-center;
    &::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      height: 2px;
      width: 0;
      background-color: #409eff;
      transition: all 0.3s ease;
    }
    &:hover::after {
      width: 100%;
    }
  }
}

//滚动条
*:not(.noscroll, .arco-timepicker-column) {
  //scroll
  &::-webkit-scrollbar {
    width: 9px !important;
    height: 9px !important;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 1px;
    border-style: dashed;
    background-color: #008ddd66;
    border-color: transparent;
    border-width: 2px;
    background-clip: padding-box;
  }
  &::-webkit-scrollbar-thumb:hover {
    background: #008ddd88;
  }
  &.narrow::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
  }
}

.use-bg {
  &.is-point {
    background-image: radial-gradient(transparent 1px, #fff 1px);
    background-size: 4px 4px;
    backdrop-filter: saturate(50%) blur(4px);
    background-color: transparent;
  }
}
